<template>
    <div id="app">
        <!--这里是需要缓存的-->
        <keep-alive>
            <a-locale-provider :locale="zh_CN">
                <router-view v-if="$route.meta.keepAlive"></router-view>
            </a-locale-provider>
        </keep-alive>

        <!--这里不会被缓存的-->
        <a-locale-provider :locale="zh_CN">
            <router-view v-if="!$route.meta.keepAlive"></router-view>
        </a-locale-provider>

        <app-footer></app-footer>
    </div>
</template>

<script>
    import Footer from './components/footer.vue';//公共底部
    import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';//全局国际化

    export default {
        data() {
            return {
                zh_CN,
            }
        },
        metaInfo: {
            // 如果子component中没有定义 metaInfo.title ，会默认使用这个title
            title: '【华美优胜】海外房产|海外移民|海外投资|海外理财_华美优胜海外投资官方首页',
            titleTemplate: '%s | 【华美优胜】海外房产|海外移民|海外投资|海外理财_华美优胜海外投资官方首页',
            meta: [
                { vmid: 'keywords', name: 'keywords', content: '华美优胜官方网站,海外房产,海外房产网,海外房产投资,海外买房,海外购房,海外房价,海外房地产,海外买房移民,海外资产配置' },
                { vmid: 'description', name: 'description', content: '华美优胜(hmoversea.com)精心甄选全球优质好房，9年实力品牌专业团队提供殿堂级服务体验，国际开发商鼎力携手，优质房源遍布全球。覆盖区域:美国、泰国、希腊、马耳他、西班牙、葡萄牙、塞浦路斯、爱尔兰、日本等热门国家。' },
            ],
        },
        created(){
        },
        mounted() {
        },
        components: {
            'app-footer': Footer,
        }
    }
</script>

<style scoped lang="less" type="text/less">
    #app {
        height: 100%;
        > div {
            height: 100%;
        }
    }
</style>
